<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">
		<title>
			机械师官网
		</title>
		<link rel="stylesheet" type="text/css" href="css/home1.css" />
		<link rel="stylesheet" type="text/css" href="css/dingdian.css" />
		<link rel="stylesheet" type="text/css" href="css/jiaoyi1.css" />
		<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript" src="js/home.js"></script>
		<script type="text/javascript" src="js/jq1/机械师11.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
 
<style>
* {margin:0;padding:0;}
ul {list-style:none;}
 
 a{
 }
.wrap {width:330px;height:492px;position:relative;overflow:hidden;float:left;margin:20px;margin: -250px 0px 0px 900px;}
.slidebox {width:300px;position:absolute;top:0;left:0;height:300px;}
.slidebox li {float:left;width:290px;height:120px;left:0;top:0;border: 1px #D0E0F1 solid;margin: 0px 0px 0px -10px;}
.slidebox li img {display:block;width:120px;height:117px;margin: 3px 0px 0px 0px;}
/*.dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}*/
.dot {position:absolute;width:100%;height:30px;text-align:right;bottom:0;left:0;}
.dot p {margin-right:10px;}
.dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur {background:#F63;color:#fff;border:1px solid #f63;}
</style>
 
<script type="text/javascript">
$(function(){
 
	//affect:1
	$(".af1").slide({
		affect:1,
		time:3000,
		speed:400,
		dot_text:false,
	});
	$(".afs").slide({
		affect:1,
		time:3000,
		speed:400,
		dot_text:false,
	});
	$(".afs1").slide({
		affect:1,
		time:3000,
		speed:400,
		dot_text:false,
	});
	
	//affect:2
	$(".af2").slide({
		affect:2,
		time:3000,
		speed:400,
	});
	
 
	
	//affect:4
	$(".af4").slide({
		affect:4,
		time:3000,
		speed:400,
	});
})




</script>
	</head>
	<body class="body">
		<div id="app">
			<!-- header -->
			<div>
				<header>
					<div class="site-topbar">
						<div class="container">
							<div class="topbar-nav">
								<a rel="nofollow" href="#">联系我们</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">个人中心</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">我的订单</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">笔记本电脑</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">笔记本</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">游戏本</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">关注商城</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">ENGLISH</a>
								
								
							</div>
							<div class="topbar-cart">
								<!-- <div class="topbar-cart topbar-cart-active"> -->
								<a rel="nofollow" href="#" class="cart-mini">
									<em class="iconfont-cart"></em>
									<em class="iconfont-cart-full hide"></em>购物车
									<span class="cart-mini-num J_cartNum">（0）</span>
								</a>
								<div id="J_miniCartMenu" class="cart-menu " style="height: 0;">
									<!-- <div id="J_miniCartMenu" class="cart-menu " style="height: 100px;"> -->
									<div class="menu-content">
										<div class="loading hide">
											<div class="loader">

											</div>
										</div>
										<ul id="J_miniCartList" class="cart-list hide"></ul>
										<div id="J_miniCartListTotal" class="cart-total clearfix hide">

										</div>
										<div class="msg msg-error hide">
										</div>
										<div class="msg msg-empty">购物车中还没有商品，赶紧选购吧！</div>
									</div>
								</div>
							</div>
							<div class="topbar-info">

								<span class="sep">|</span><span class="message">
									<a rel="nofollow" href="javascript:void(0);" class="J_needAgreement">消息通知
										<i class="J_miMessageTotal"></i>
									</a>
								</span>
							</div>
						</div>
					</div>
					<div class="site-header">
						<div class="container">
							<div class="header-logo" style="background-image: 2021030212152891822.png;">
								     <img  style="border-radius:30px;width: 200px; height:40px;float: left;margin: 10px 0px 0px 0px;" src="img/jxs.png">
								<!--<a href="assets/static/image/logo-mi2.png" title="小米官网" class="logo ir">小米官网</a>-->
							</div>
							<div class="header-nav">
								<ul class="nav-list J_navMainList clearfix">
									<li class="nav-category">
										<a href="#" class="link-category">
											<span class="text">全部商品分类</span>
										</a>
										<div class="site-category" style="display: block;">
										</div>
									</li>
									<li class="nav-item">
										<!-- <li class="nav-item nav-item-active"> -->
										<a href="javascript: void(0);" class="link">
											<span class="text">首页</span>
										</a>

									</li>
										<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">笔记本</span>
										</a>
									</li>	
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											
											<span class="text">轻薄本</span>
										</a>

									</li>
									
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">电竞主机</span>
										</a>
									</li>
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">显示器</span>
										</a>
									</li>
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">智潮外设</span>
										</a>
									</li>
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">品牌介绍</span>
										</a>
									</li>
									<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">机油宝典</span>
										</a>
									</li>									
									
								<li class="nav-item">
										<a href="javascript: void(0);" class="link">
											<span class="text">售后查询</span>
										</a>
									</li>			
								</ul>
							</div>
							<div class="header-search">
								<form id="J_searchForm" action="#" method="get" class="search-form clearfix">
									<label for="search" class="hide">站内搜索</label>
									<a class="no-style-msq">
										<input type="search" id="search" name="keyword" class="search-text"
											placeholder="手机">
									</a>
									<a id="J_submitBtn" class="no-style-msq">
										<input type="submit" value="&#xe616;" class="search-btn iconfont">
									</a>
								</form>
							</div>
						</div>

						<div class="header-nav-menu slide-up" style="display: none;">
							<div class="container">
								<ul class="children-list clearfix">
									<li class="first">
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi Civi" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi Civi</div>
											<p class="price">2599元起</p>
										</a>
									</li>
									<li>
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi MIX 4</div>
											<p class="price">4999元起</p>
										</a>
									</li>
									<li>
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi MIX 4</div>
											<p class="price">4999元起</p>
										</a>
									</li>
									<li>
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi MIX 4</div>
											<p class="price">4999元起</p>
										</a>
									</li>
									<li>
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi MIX 4</div>
											<p class="price">4999元起</p>
										</a>
									</li>
									<li>
										<a href="#" target="_blank">
											<div class="figure figure-thumb">
												<img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160"
													height="110">
											</div>
											<div class="title">Xiaomi MIX 4</div>
											<p class="price">4999元起</p>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</header>
			</div>
			<!-- home -->
			<div class="home-hero-container container">
				<div class="home-hero">
					<!-- 轮播图 -->
					<div style="display: none;" class="swiper-container home-hero-swiper swiper-no-swiping swiper-container-fade swiper-container-initialized swiper-container-horizontal">
						<div class="swiper-wrapper">
							
						
							
							
							<div class="swiper-slide">
								<a href="#" target="_blank">
								
								</a>
							</div>
						</div>
						<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
							<a class="swiper-pagination-bullet swiper-pagination-bullet-active"></a>
							<a class="swiper-pagination-bullet"></a>
							<a class="swiper-pagination-bullet"></a>
							<a class="swiper-pagination-bullet"></a>
							<!--<a class="swiper-pagination-bullet"></a>-->
						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
						<span class="swiper-notification"></span>
					</div>
					<div class="home-hero-sub row">		
						<div   class="span161" style="display: none;width: 1226px;margin: 0px 0px 0px 15px;">
							<ul class="home-promo-list clearfix">
								<li class=" first ">
									<a target="_blank" href="#">
										<img src="img/JiXeiShu/2019101005454796496.jpg" alt="">
									</a>
								</li>
								<li>
									<a target="_blank" href="#">
										<img src="img/JiXeiShu/2021031310420219315.jpg" alt="">
									</a>
								</li>
								<li>
									<a target="_blank" href="#">
										<img src="img/JiXeiShu/2019081309584236327.jpg" alt="">
									</a>
								</li>
								<li>
									<a target="_blank" href="#">
										<img src="img/JiXeiShu/2019081309584484146.jpg" alt="">
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- page-main -->
			<div class="page-main home-main">
				<div class="container">
					<div class="kuang">
						
						<hr color="whitesmoke" style="margin-bottom: 20px;" />
						<span th:each=" p:${list}">
							<ul class="ziti">交易中心</ul>
							<ul class="zhoxin">
								<li><a th:href="'http://localhost:9090/infostate?id='+${p.id}">我的订单</a></li>
<!--								<li><a href="tuikuan.html">退货</a></li>-->
<!--								<li><a href="pingjia.html">商品评价/晒单</a></li>-->
								<li><a th:href="'http://localhost:9090/getcoll?id='+${p.id}" >商品收藏</a></li>
<!--								<li><a href="">工厂报修</a></li>-->
							</ul>
						</span>
					</div>
					<div class="waibian">
						<div class="wodedingdan">
							<div class="titidd">我的订单</div>
						</div>
						<div class="nrkk" th:each="h :${list}">
							<div class="nrkk1">
								<ul class="nrxx1" th:if="${h.state=='全部订单'}">
									<li>
<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1" id="redbot1"   >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款" >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"  >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"  >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='待付款'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款" id="redbot1" >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"  >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"  >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='待发货'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货" id="redbot1" >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"  >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"  >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='已发货'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货" id="redbot1"  >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"  >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='已收货'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"   >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"  id="redbot1" >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='已完成'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"   >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"   >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"  id="redbot1" >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='已关闭'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"   >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"   >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"   >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭" id="redbot1" >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中"  >退款中</a>
									</li>
								</ul>
								<ul class="nrxx1" th:if="${h.state=='退款中'}">
									<li>
										<!--										id="redbot1"-->
										<a href="http://localhost:9090/infostate?id=1&page=1"    >全部订单</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待付款"  >待付款</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=待发货"  >待发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已发货"   >已发货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已收货"   >已收货</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已完成"   >已完成</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=已关闭"  >已关闭</a>
									</li>
									<li>
										<a href="http://localhost:9090/state?id=1&state=退款中" id="redbot1" >退款中</a>
									</li>
								</ul>
							</div>
							<script>
								$('.nrxx1 li a').click(function(){
									
								})
							</script>
							<div class="righkk" th:each="y:${list}">
								<input  placeholder="订单编号" type="text" id="srkcx" />
								<button class="ysann" th:onclick="ssk([[${y.id}]],[[${y.page}]])">搜索</button>
								<button class="ysann1">高级搜索</button>
							</div>
						</div>
						
						<div class="leixin" th:each="k:${list}">
							<dl class="lexin1">
								<dt class="ddlx">订单类型:</dt>
								<dd class="qblxk">
									<ul class="pxdd">
										<li data-type="all" th:onclick="qblx([[${k.id}]],[[${k.page}]])">全部订单</li>
										<li id="put" th:onclick="put([[${k.id}]],[[${k.page}]])">普通订单</li>
										<li id="pingt" th:onclick="pingt([[${k.id}]],[[${k.page}]])">拼团订单</li>
										<li id="yus" th:onclick="yus([[${k.id}]],[[${k.page}]])">预售订单</li>
									</ul>
								</dd>	
							</dl>
							<button type="button" class="bttt">关闭</button>
						</div>
						
						<table class="table table-bordered order-table">
							<thead>
								<tr>
									<th class="flex-col ns-bg-color-gray-fadeout-60" width="460px">
										<div class="order-detail order-table-top align-center">订单详情</div>
									</th>
									<th  class="flex-col ns-bg-color-gray-fadeout-60" width="115px">
										<div class="order-detail order-table-top align-center">收货人</div>
									</th>
									<th  class="flex-col ns-bg-color-gray-fadeout-60" width="115px">
										<div class="order-detail order-table-top align-center">金额</div>
									</th>
									<th  class="flex-col ns-bg-color-gray-fadeout-60" width="115px">
										<div class="order-detail order-table-top align-center">订单状态</div>
									</th>
									<th  class="flex-col ns-bg-color-gray-fadeout-60" width="115px">
										<div class="order-detail order-table-top align-center">操作</div>
									</th>
								</tr>
							</thead>
							<tbody  th:each="h,v : ${pageInfo.list}">
								<tr class="sep-row">
									<td colspan="5" ></td>
								</tr>
								<tr class="tr-th order-list-top">
									<td colspan="5" class="ns-bg-color-gray-fadeout-60 ">
										<span class="time ns-text-color-gray" th:text="${#dates.format(h.createtime,'yyyy-MM-dd HH:mm:ss')}"></span>
										<span class="number ns-text-color-gray"><a th:text="'订单号:'+${h.orderno}">2021112215420001</a></span>
										<div class="tr-operate ns-text-color-gray">
											<span>机械师MACHENIKE官网</span>
											<span class="order-type">普通订单</span>
										</div>
									</td>
								</tr>
								<tr class="order-list-bottom">
									<td>
										<div class="goods-item">
											<div class="p-img ns-border-color-gray">
												<a>
													<img th:src="'img/'+${h.mainimage}"  />
												</a>
											</div>
											<div class="p-msg">
			                    				<div class="p-name">
			                        				<a href="https://www.machenike.com/product/32.html" target="_blank" title="机械师 M7无线/有线双模电竞鼠标青春版-无线 ">
				                        			<span th:text="${h.subtitle}"></span>
			                        				</a>
			                   					</div>
<!--												详情-->
			                    			<div class="sku-name ns-text-color-gray"></div>
											</div>
										</div>
<!--									数量	-->
											<div class="goods-number ns-text-color-gray" th:text="'x'+${h.quantity}"></div>
											<div class="goods-item-action"></div>
									</td>
									<td rowspan="1" class="align-center">
				           				 <div class="consignee">
<!--											 姓名-->
				                			<span th:text="${h.receivername}"></span>
<!--											 地址-->
			                        		<p th:text="${h.receiverprovince}+' '+${h.receivercity}+' '+${h.receiverdistrict}+' '+${h.receiveraddress}">北京市&nbsp;北京市&nbsp;东城区&nbsp;12wdada</p>
<!--											 手机号码-->
			                        		<p th:text="${h.receiverphone}"></p>
					            		 </div>
				        			</td>
				        			<td rowspan="1" class="align-center">
				            			<div class="amount ns-text-color-gray">
				                		<div>
				                    	<span th:text="${h.price}"></span>
				                    <br>
				                    <b class="ns-text-color-black">应付</b>
				                    <br>
				                    <b class="ns-text-color-black" th:text="${h.price*h.quantity}"></b>
				                    <br>
				                		</div>
						                <div class="order-pay-type-style ns-border-color-gray">
						                    <span class="ftx-13 ns-text-color-gray"  th:text="${h.status}">微信支付</span>
				    		            </div>
						            </div>
				       				</td>
				       				<td rowspan="1" class="align-center">
							            <div class="status">
<!--											待付款-->
				        			        <span class="order-status ns-text-color-gray">待付款</span>
				               				<br>
				                			<a th:href="'http://localhost:9090/ddxqlist?id='+${h.id}+'&u_id='+${h.zid}" class="order-action-btn" href="" target="_blank">订单详情</a>
						            	</div>
				        			</td>
				        			<td rowspan="1" class="align-center">
				            		<div class="operate">
				                           	<a href="javascript:;" class="order-action-btn"target="_blank">去支付</a><br>
<!--										'http://localhost:9090/getcoll?id='+-->
				       	                	<a th:href="'http://localhost:9090/delorder?id='+${h.id}+'&u_id='+${h.zid}" class="order-action-btn"target="_blank">关闭订单</a><br>
						            </div>
							        </td>
								</tr>
							</tbody>
						</table>
						<div class="page" th:each="h :${list}">
							<div class="syy1">
								<a class="butt3"th:onclick="pageup([[${h.id}]],[[${h.page}]],[[${h.state}]],[[${h.marketorder}]])">上一页</a>
							</div>
							<div class="zoye">
								<a class="pager-item" data-page="1" th:text="${pageInfo.getPageNum}">1</a>
							</div>
							<div class="xyy1">
								<a class="butt3" th:onclick="nextpage([[${h.id}]],[[${h.page}]],[[${h.state}]],[[${h.marketorder}]],[[${pageInfo.getPages}]])">下一页</a>
							</div>
							<div><div class="gyy1">共 <strong th:text="${pageInfo.getPages}">1</strong> 页</div></div>
						</div>
                                            </div>
                                    </div>
                                    <!-- footer -->
			
					<script>
						$('.ysann1').click(function(){
							if($('.leixin').is(':hidden')){
								$('.leixin').css('display','block');
							}else{
								$('.leixin').css('display','none');
							}
						})
					</script>
					<script>
						$('.bttt').click(function(){
								$('.leixin').css('display','none');
						})
					</script>
					
			<div>
				<div class="site-footer">
					<div class="container">
						<div style="display: none;" class="footer-service">
							<ul class="list-service clearfix">
								<li>
									<a rel="nofollow" href="#" target="_blank">
										<em class="iconfont-tool"></em>官方正品
									</a>
								</li>
								<li>
									<a rel="nofollow" href="#" target="_blank">
										<em class="iconfont-circle-7"></em>7天无理由退货
									</a>
								</li>
								<li>
									<a rel="nofollow" href="#" target="_blank">
										<em class="iconfont-circle-15"></em>15天免费换货
									</a>
								</li>
								<li><a rel="nofollow" href="#" target="_blank">
										<em class="iconfont-gift"></em>
										<span id="J_footerPrice">闪电配送</span>
									</a>
								</li>
								<li><a rel="nofollow" href="#" target="_blank">
										<em class="iconfont-location"></em>售后无忧
									</a>
								</li>
							</ul>
						</div>
						<div class="footer-links clearfix">
							<dl class="col-links col-links-first">
								<dt>帮助中心</dt>
							<dd><a href="https://www.machenike.com/help/21.html" title="联系我们" target="_blank">联系我们</a></dd>
                                                <dd><a href="https://www.machenike.com/help/26.html" title="品牌介绍" target="_blank">品牌介绍</a></dd>
                                                <dd><a href="https://www.machenike.com/help/27.html" title="营业执照" target="_blank">营业执照</a></dd>
                                                <dd><a href="https://www.machenike.com/help/28.html" title="版权声明" target="_blank">版权声明</a></dd>
							</dl>
							<dl class="col-links ">
								<dt>服务保证</dt>
								  <dd><a href="https://www.machenike.com/help/22.html" title="服务标准" target="_blank">服务标准</a></dd>
                                                <dd><a href="https://www.machenike.com/help/23.html" title="售后保修" target="_blank">售后保修</a></dd>
                                                <dd><a href="https://www.machenike.com/help/24.html" title="驱动下载" target="_blank">驱动下载</a></dd>
                                                <dd><a href="https://www.machenike.com/help/25.html" title="线下体验店" target="_blank">线下体验店</a></dd>
                                                <dd><a href="https://www.machenike.com/help/29.html" title="用户协议" target="_blank">用户协议</a></dd>
                                                <dd><a href="https://www.machenike.com/help/30.html" title="隐私保护" target="_blank">隐私保护</a></dd>
							</dl>
							<dl class="col-links ">
								<dt>会员中心</dt>
							 <dd><a href="https://www.machenike.com/help/14.html" title="我的订单" target="_blank">我的订单</a></dd>
                                                <dd><a href="https://www.machenike.com/help/6.html" title="我的收藏" target="_blank">我的收藏</a></dd>
                                                <dd><a href="https://www.machenike.com/help/5.html" title="资金管理" target="_blank">资金管理</a></dd>
							</dl>
							<dl class="col-links ">
								<dt>配送与支付</dt>
							   <dd><a href="https://www.machenike.com/help/2.html" title="支付方式说明" target="_blank">支付方式说明</a></dd>
                                                <dd><a href="https://www.machenike.com/help/8.html" title="配送支付" target="_blank">配送支付</a></dd>
							</dl>
							<dl class="col-links ">
								<dt>新手上路</dt>
								  <dd><a href="https://www.machenike.com/help/18.html" title="购物流程" target="_blank">购物流程</a></dd>
							</dl>
							<dl class="col-links ">
								<dt>特色服务</dt>
								<dd><a rel="nofollow" href="#" target="_blank">F 码通道</a></dd>
								<dd><a rel="nofollow" href="#" target="_blank">礼物码</a></dd>
								<dd><a rel="nofollow" href="#" target="_blank">防伪查询</a></dd>
							</dl>
							<div class="col-contact">
							  <div class="col-links" style="width: 100px; float: left">
                        <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">官方微博</p>
                        <a href="javascript:;"><img src="/template/web/mache/public/img/guanweibo.png" width="79px" alt=""></a>
                    </div>
                    <div class="col-links" style="width: 100px; float: left">
                        <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">绑定设备</p>
                        <a href="javascript:;"><img src="/template/web/mache/public/img/gongzhonghao.png" width="79px" alt=""></a>
                    </div>
                    <div class="col-links" style="width: 100px; float: left">
                        <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">微信订阅号</p>
                        <a href="javascript:;"><img src="/template/web/mache/public/img/dingyue.jpg" width="79px" alt=""></a>
                    </div>
                    <div class="col-links" style="width: 100px; float: left">
                        <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">机械师抖音</p>
                        <a href="javascript:;"><img src="/template/web/mache/public/img/douying1.png" width="79px" alt=""></a>
                    </div>
							</div>
						</div>
					</div>
				</div>
				<div class="site-info">
					<div class="container">
						<div class="logo ir">小米官网</div>
						<div class="info-text">
							<span>友情链接 : </span>
                    <div class="links-wrap" style="width: 900px;">
                                                <a href="https://gamepp.com" title="游戏加加" target="_blank_">游戏加加</a>
                                                <a href="http://www.jixunjsq.com" title="极迅加速器" target="_blank_">极迅加速器</a>
                                                <a href="https://www.shenyou.cn/" title="神游网" target="_blank_">神游网</a>
                                                <a href="https://www.zywjw.com/" title="专业玩家" target="_blank_">专业玩家</a>
                                                <a href="http://www.xitong520.com" title="win10系统" target="_blank_">win10系统</a>
                                            </div><p class="sites">
								<a rel="nofollow" href="#" target="_blank">北京互联网法院法律服务工作站</a>
								<span class="sep">|</span>
								<a rel="nofollow" href="#" target="_blank">中国消费者协会</a>
								<span class="sep">|</span> <a rel="nofollow" href="#" target="_blank">北京市消费者协会</a>
							</p>
							<p>
								 <p id="copyright_desc"></p>
            <p>
                <a id="copyright_companyname" href="javascript:;" target="_blank"></a>
                <span id="copyright_meta"></span>
            </p>
            <p id="web_gov_record_wap">
                <a href="javascript:;" target="_blank">
                    <img src="/public/static/images/gov_record.png" alt="公安备案">
                    <span></span>
                </a>
            </p>
							</p>
						</div>
						<div class="info-links">
							<a rel="nofollow" href="#" target="_blank">
								<img rel="nofollow" src="img/home/truste.png" alt="TRUSTe Privacy Certification"></a>
							<a rel="nofollow" href="#" target="_blank">
								<img rel="nofollow" src="img/home/v-logo-2.png" alt="诚信网站"></a>
							<a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="#" target="_blank">
								<img rel="nofollow" src="img/home/icon3.png" alt="可信网站"></a>
							<a rel="nofollow" href="#" target="_blank">
								<img rel="nofollow" src="img/home/jingying.png" alt="诚信经营 放心消费"></a>
							<a rel="nofollow" href="#" class="safe-auth J_safeAuth">
								<img rel="nofollow" src="img/home/yifuwu.png" class="img1">
								<img rel="nofollow" src="img/home/wangzhananquan.png" class="img2">
							</a>
						</div>
					</div>
					<div class="slogan ir"></div>
				</div>
			</div>
		</div></div>
	</body>
	<script src="js/jquery.min.js"></script>
	<script>
		<!--    上一页-->
		function pageup(id,page,state,market_order){
			console.log(id);
			console.log(page);
			console.log(state);
			console.log(market_order);
			if(market_order!=null){
				if(1<page){
					var a=page-1;
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+a+"&market_order="+market_order;
				}else{
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+page+"&market_order="+market_order;
				}
			}else if(state!=null&state!='全部订单') {
				if(1<page){
					var a=page-1;
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+a;
				}else{
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+page;
				}
			}else{
				if(1<page){
					var a=page-1;
					window.location="http://localhost:9090/infostate?id="+id+ "&page="+a;
				}else{
					window.location="http://localhost:9090/infostate?id="+id+ "&page="+page;
				}
			}

		}
		<!--    下一页-->
		function nextpage(id,page,state,market_order,pages){
			console.log(id);
			console.log(page);
			console.log(state);
			console.log(market_order);
			//pages 总页 page页码
			if(market_order!=null){
				if(pages>page){
					var a=page+1;
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+a+"&market_order="+market_order;
				}else if (page==pages){
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+page+"&market_order="+market_order;
				}
			}else if(state!=null&state!='全部订单'){
				if(pages>page){
					var a=page+1;
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+a;
				}else if (page==pages){
					window.location="http://localhost:9090/state?id="+id+"&state="+state+"&page="+page;
				}
			}else{
				if(pages>page){
					var a=page+1;
					window.location="http://localhost:9090/infostate?id="+id+ "&page="+a;
				}else if (page==pages){
					window.location="http://localhost:9090/infostate?id="+id+ "&page="+page;
				}
			}

		}




		//    订单查询
		function qblx(id,page){
			console.log(id);
			console.log(page);
			window.location="http://localhost:9090/infostate?id="+id+ "&page="+page;
		}
		function put(id,page){
			var h=$(".nrkk .nrkk1 .nrxx1 ").find("#redbot1").text();
			// var h="待付款";
			var market_order=$("#put").text();
			console.log(id);
			console.log(page);
			console.log(market_order);
			console.log(h);
			window.location="http://localhost:9090/state?id="+id+"&state="+h+
					"&page="+page+"&market_order="+market_order;
		}
		function pingt(id,page){
			var h=$(".nrkk .nrkk1 .nrxx1 ").find("#redbot1").text();
			var market_order=$("#pingt").text();
			console.log(id);
			console.log(page);
			console.log(market_order);
			console.log(h);
			window.location="http://localhost:9090/state?id="+id+"&state="+h+
					"&page="+page+"&market_order="+market_order;
		}
		function yus(id,page){
			var h=$(".nrkk .nrkk1 .nrxx1 ").find("#redbot1").text();
			var market_order=$("#yus").text();
			console.log(id);
			console.log(page);
			console.log(market_order);
			console.log(h);
			window.location="http://localhost:9090/state?id="+id+"&state="+h+
					"&page="+page+"&market_order="+market_order;
		}

		function ssk(id,page){
			//+"&page="+page
			var srk=$("#srkcx").val();
			window.location="http://localhost:9090/ssk?id="+id+"&order="+srk+"&page="+page;
			console.log(id);
			console.log(page);
			console.log(srk);
		}
	</script>
</html>
